 .videobox {
 	width: 100%;
 	height: 680px;
 	overflow: hidden;
 	position: relative;
 }

 .videobox video {
 	width: 100%;
 	min-width: 1280px;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 }

 .videobox header {
 	width: 100%;
 	height: 40px;
 	background: #333;
 	z-index: 999;
 	position: absolute;
 }

 .videobox header .con {
 	width: 1030px;
 	height: 40px;
 	margin: 0 auto;
 }

 .videobox header .left {
 	width: 75px;
 	height: 20px;
 	background: url(../images/logo.png) 0 0 no-repeat;
 	margin-top: 10px;
 	float: left;
 }

 .videobox header .right {
 	margin-top: 10px;
 	float: right;
 }

 .videobox header .right a {
 	margin-right: 10px;
 }

 .videobox nav {
 	width: 100%;
 	height: 90px;
 	background: rgba(0, 0, 0, 0.2);
 	z-index: 1000;
 	position: absolute;
 	top: 40px;
 	border-bottom: 1px solid #fff;
 }

 .videobox nav ul {
 	width: 1030px;
 	height: 90px;
 	margin: 0 auto;
 	position: relative;
 }

 .videobox nav ul li {
 	float: left;
 	margin-right: 19%;
 }

 .videobox nav ul .left a {
 	display: block;
 	height: 90px;
 	line-height: 90px;
 	font-size: 20px;
 	color: #fff;
 }

 .videobox nav ul .left a img {
 	vertical-align: middle;
 }

 .videobox nav ul .left a span {
 	margin: 0 10px;
 }

 .videobox aside {
 	display: none;
 	width: 380px;
 	height: 560px;
 	background: rgba(0, 0, 0, 0.3);
 	position: absolute;
 	left: 0;
 	top: 90px;
 	color: #fff;
 }

 .videobox nav ul .left:hover aside {
 	display: block;
 }

 .videobox aside span {
 	width: 20px;
 	height: 14px;
 	background: url(../images/liebiao.png) 0 0 no-repeat;
 	position: absolute;
 	left: 50px;
 	top: 0;
 }

 .videobox aside ol {
 	width: 155px;
	height: 400px;
 	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
 }

 .videobox aside ol li {
 	width: 150px;
 	height: 25px;
 	line-height: 25px;
 	cursor: pointer;
 	font-family: "宋体";

	
	
 }

 .videobox aside ol li .con {
 	font-size: 16px;
 	text-indent: 0;
 	font-family: "微软雅黑";
 	padding: 10px 0;
 	color: #fff;
 }

 .videobox aside ol li:hover {
 	color: #55ffff;
 }


 .videobox aside img {
 	margin: 10px 0 0 10px auto;
 	margin-left: 10px;
 }

 .videobox nav ul .center {
 	margin-top: 32px;
 }

 .videobox nav ul .center input {
 	width: 240px;
 	height: 30px;
 	border: 1px solid #fff;
 	border-radius: 15px;
 	color: #fff;
 	line-height: 32px;
 	background: rgba(0, 0, 0, 0);
 	padding-left: 30px;
 	box-sizing: border-box;
 	background: url(../images/search.png) no-repeat 3px 3px;
 }

 .videobox nav ul .right {
 	margin-top: 32px;
 	width: 280px;
 	height: 32px;
 	margin-right: 0;
 	text-align: center;
 	line-height: 32px;
 	font-size: 16px;
 }

 .videobox nav ul .right a {
 	display: inline-block;
 	width: 32px;
 	height: 32px;
 	color: #fff;
 	box-shadow: 0 0 0 1px #fff inset;
 	transition: box-shadow 0.3s ease 0s;
 	border-radius: 16px;
 	margin-left: 30px;
 	font-family: iconfont;
 }

 .videobox nav ul .right a:hover {
 	box-shadow: 0 0 0 16px #fff inset;
 	color: #C1DCC5;
 }

 .videobox .pic {
 	width: 570px;
 	height: 210px;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	background: url(../images/wenzi.png) no-repeat;
 	text-align: center;
 }

 .videobox .pic p {
 	margin-top: 240px;
 	color: #4c8174;
 }

 .videobox .pic ul {
 	position: absolute;
 	color: #999;
 }

 .videobox .pic ul li {
 	width: 180px;
 	height: 56px;
 	border-radius: 28px;
 	background: #fff;
 	text-align: left;
 	font-family: iconfont;
 }

 .videobox .pic ul .one {
 	line-height: 56px;
 	position: absolute;
 	left: -1920px;
 	top: 40px;
 	opacity: 0;
 	transition: all 2s ease-in 0s;
 }

 .videobox .pic ul .two {
 	line-height: 56px;
 	position: absolute;
 	left: 1920px;
 	top: 40px;
 	opacity: 0;
 	transition: all 2s ease-in 0s;
 }

 body:hover .videobox .pic ul .one {
 	position: absolute;
 	left: 100px;
 	top: 40px;
 	opacity: 0.8;
 }

 body:hover .videobox .pic ul .two {
 	position: absolute;
 	left: 300px;
 	top: 40px;
 	opacity: 0.8;
 }

 .videobox .pic ul .one span,
 .videobox .pic ul .two span {
 	float: left;
 	width: 40px;
 	height: 40px;
 	text-align: center;
 	line-height: 40px;
 	border-radius: 20px;
 	margin: 8px 10px 0 10px;
 	box-shadow: 0 0 0 1px #90c197 inset;
 	transition: box-shadow 0.3s ease 0s;
 	font-weight: bold;
 	color: #90c197;
 }

 .videobox .pic ul .two span {
 	margin: 8px 30px 0 10px;
 }

 .videobox .pic ul .one:hover span,
 .videobox .pic ul .two:hover span {
 	box-shadow: 0 0 0 20px #90c197 inset;
 	color: #fff;
 }

 .iconfont {
 	font-family: "iconfont" !important;
 	font-size: 16px;
 	font-style: normal;
 	-webkit-font-smoothing: antialiased;
 	-webkit-text-stroke-width: 0.2px;
 	-moz-osx-font-smoothing: grayscale;
 }

 @font-face {
 	font-family: 'iconfont';
 	src: url('../fonts/iconfont.eot');
 	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
 		url('../fonts/iconfont.woff') format('woff'),
 		url('../fonts/iconfont.ttf') format('truetype'),
 		url('../fonts/iconfont.svg#iconfont') format('svg');
 }

 .new {
 	width: 100%;
 	height: 530px;
 	background: #fff;
 }

 .new header {
 	width: 385px;
 	height: 95px;
 	background: #f7f7f7;
 	border-radius: 48px;
 	margin: 70px auto 0;
 	box-sizing: border-box;
 	padding: 2px 0 0 35px;
 }

 .new p {
 	margin-top: 10px;
 	text-align: center;
 	color: #db0067;
 }

 .new ul {
 	margin: 70px auto 0;
 	width: 960px;
 }

 .new ul li {
 	width: 266px;
 	height: 250px;
 	border: 1px solid #ccc;
 	background: url(../images/pic1.jpg) 0 0 no-repeat;
 	float: left;
 	margin-right: 8%;
 	margin-bottom: 40px;
 	position: relative;
 	overflow: hidden;
 }

 .new ul li:nth-child(2) {
 	background-image: url(../images/pic2.jpg);
 }

 .new ul li:nth-child(3) {
 	margin-right: 0;
 	background-image: url(../images/pic3.jpg);
 }

 .new ul li hgroup {
 	position: absolute;
 	left: 0;
 	top: -250px;
 	width: 266px;
 	height: 250px;
 	background: rgba(0, 0, 0, 0.5);
 	transition: all 0.5s ease-in 0s;
 }

 .new ul li:hover hgroup {
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .new ul li hgroup h2:nth-child(1) {
 	font-size: 22px;
 	text-align: center;
 	color: #fff;
 	font-weight: normal;
 	margin-top: 58px;
 }

 .new ul li hgroup h2:nth-child(2) {
 	font-size: 14px;
 	text-align: center;
 	color: #fff;
 	font-weight: normal;
 	margin-top: 15px;
 }

 .new ul li hgroup h2:nth-child(3) {
 	width: 26px;
 	height: 26px;
 	margin-left: 120px;
 	margin-top: 15px;
 	background: url(../images/jiantou.png) 0 0 no-repeat;
 }

 .new ul li hgroup h2:nth-child(4) {
 	width: 75px;
 	height: 22px;
 	margin-left: 95px;
 	margin-top: 25px;
 	background: url(../images/anniu.png) 0 0 no-repeat;
 }

 .shi {
 	text-align: center;
 	width: 100%;
 	height: 312px;
 	background: #83ba8b;
 	padding-top: 70px;
 }

 .shi p {
 	color: #f7f7f7;
 	font-family: 宋体;
 }

 .zhuang {
 	margin: 0 auto;
	margin-top: -200px;
 	width: 900px;
 	height: 530px;
 }

 .zhuang ul {
 	margin: 70px auto 0;
 	width: 960px;
 }

 .zhuang ul li {
 	width: 291px;
 	height: 251px;
 	float: left;
 	margin-right: 4%;
 	position: relative;
 	background: url(../images/try4.jpg);
 	overflow: hidden;
 }

 .zhuang ul li:nth-child(2) {
 	background: url(../images/try5.jpg);
 }

 .zhuang ul li:nth-child(3) {
 	margin-right: 0;
 	background: url(../images/try6.jpg);
 }

 .zhuang ul li img {
 	backface-visibility: hidden;
 	transition: transform 1s linear 0s;
 	transform: rotateX(0deg);

 }

 .zhuang ul li img:hover {
 	transform: rotateX(180deg);
 }

 .text {
 	width: 100%;
 	height: 700px;
 	background: #fff;
 	margin-top: -300px;
 }

 .text header {
 	width: 508px;
 	height: 95px;
 	background: #f7f7f7;
 	border-radius: 48px;
 	margin: 220px auto 0;
 	box-sizing: border-box;
 	padding: 7px 0 0 35px;
 }

 .text p {
 	margin-top: 10px;
 	text-align: center;
 	color: #db0067;
 }

 .text ul {
 	margin: 70px auto 0;
 	width: 960px;
 }

 .text ul li {
 	width: 195px;
 	height: 195px;
 	border: 1px solid #ccc;
 	border-radius: 50%;
 	float: left;
 	margin-right: 5%;
 	margin-bottom: 40px;
 	position: relative;
 	overflow: hidden;
 }

 .text ul li img {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 }

 .text ul li:nth-child(4),
 .text ul li:nth-child(8) {
 	margin-right: 0;
 }

 .text ul li .tihuan {
 	opacity: 0;
 	transition: all 0.4s ease-in 0.2s;
 }

 .text ul li:hover .tihuan {
 	opacity: 1;
 	transform: translate(-50%, -50%) scale(0.75);
 }

 .text ul li .tu {
 	transition: all 0.4s ease-in 0s;
 }

 .text ul li:hover .tu {
 	opacity: 0;
 	transform: translate(-50%, -50%) scale(0.5);
 }


 footer {
 	width: 100%;
 	height: 400px;
 	background: #545861;
 	border-bottom: 1px solid #fff;
 }

 footer .logo {
 	width: 1000px;
 	height: 100px;
 	margin: 0 auto;
 	background: url(../images/logo1.jpg) no-repeat center center;
 	border-bottom: 1px solid #8c9299;
 }

 footer .message {
 	width: 1000px;
 	margin: 20px auto 0;
 	color: #fffada;
 }

 footer .message .left {
 	width: 525px;
 	float: left;
 	padding-left: 30px;
 	box-sizing: border-box;
 }

 footer .message .left li {
 	float: left;
 	margin-right: 30px;
 	overflow: hidden;
 }

 footer .message .left li input {
 	width: 215px;
 	height: 32px;
 	border-radius: 5px;
 	margin: 10px 0 15px 0;
 	padding-left: 10px;
 	box-sizing: border-box;
 	border: none;
 }

 footer .message .left li:last-child input {
 	width: 120px;
 	height: 39px;
 	padding-left: 0;
 	border: none;
 	background: url(../images/but.jpg) no-repeat;
 }

 footer .message .right {
 	float: left;
 }

 footer .message .right p {
 	margin-bottom: 10px;
 }

 footer .message .right textarea {
 	width: 400px;
 	height: 172px;
 	padding: 10px;
 	box-sizing: border-box;
 	resize: none;
 }

 .banquan {
 	width: 100%;
 	height: 60px;
 	background: #000000;
 	text-align: center;
 }

 .banquan a {
 	line-height: 60px;
 	color: #ccc;
 }